<!--
  div标签是一个区块容器标记，<div></div>之间是一个容器，可以包含段落，表格，图片等各种HTML元素
  span标签没有实际意义，为了应用样式
  HTML标签
  分为块级标签和行内标签
  块级标签：占据一行，换行
    结构和布局：div ul ol dl dd
  行内标签：在一行，不换行
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
    <div><img src="../asset/1.jpg" alt="" width="10%">html</div>
    <div><img src="../asset/1.jpg" alt="" width="10%">html</div>
    <div><img src="../asset/1.jpg" alt="" width="10%">html</div>
    <span>
     <img src="../asset/1.jpg" alt="" width="10%">html
     <img src="../asset/1.jpg" alt="" width="10%">html
     <img src="../asset/1.jpg" alt="" width="10%">html
    </span>
    <span>
      <img src="../asset/1.jpg" alt="" width="10%">html
      <img src="../asset/1.jpg" alt="" width="10%">html
      <img src="../asset/1.jpg" alt="" width="10%">html
     </span> 
     <!--标签嵌套规则
    块级元素可包含行内元素和某些块级元素
    行内元素不能包含块元素，只能包含其他行内元素
    块级元素不能放<p>标签内 
    特殊块级元素只能包含行内元素，不能再包含块级元素
    h1~h6,p,dt
    块级元素与块级元素并列，行内元素与行内元素并列
    -->
    <div>
      <p>
        <span>
          <a href=""></a>
        </span>
      </p>
    </div>

    
</body>
</html>